<script setup lang="ts">
import type { DictApi } from '#/api';

import { reactive, ref } from 'vue';

import { RadioGroup } from 'ant-design-vue';

import { DictResp } from '#/api';

const selectedValue = ref('');

const mes_calendar_type = reactive<DictApi.SelectOption[]>([]);
DictResp(['mes_calendar_type']).then((res) => {
  // console.log(res);

  if (res.mes_calendar_type) {
    mes_calendar_type.push(...res.mes_calendar_type);
  }
});
</script>
<template>
  <div>
    <div>
      <RadioGroup
        v-model:value="selectedValue"
        :options="mes_calendar_type"
        option-type="button"
        button-style="solid"
        class="flex flex-col"
      />
    </div>
  </div>
</template>
<style scoped>
:deep(.ant-radio-button-wrapper:first-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

:deep(.ant-radio-button-wrapper:last-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
</style>
